<div class="page page-table" data-ng-controller="userIndex">
    <section class="panel panel-default table-dynamic">
        <div class="panel-heading"><strong><span class="glyphicon glyphicon-th"></span>&nbsp;&nbsp;&nbsp;&nbsp;用户信息列表</strong></div>
        <div class="table-filters">
            <form style="text-align: center;" class="form-inline" data-ng-submit="pageChange(1)">
                <div class="form-group">
                    <input style="width: 300px;" type="text"
                           class="form-control"
                           data-ng-model="search"
                           placeholder="姓名"
                           data-ng-keyup="keyupQuery()"
                            >
                </div>
                <button class="btn btn-primary">查询</button>
            </form>
        </div>
        <footer class="table-footer">
            <div class="row">
                <div class="col-md-6 page-num-info">
                    <span>
                        显示 共{{pageSize}}页 {{total}}条
                    </span>
                </div>
                <div class="col-md-6 text-right pagination-container">
                    <pagination class="pagination-sm"
                                page="pageNum"
                                total-items="pageSize"
                                max-size="5"
                                on-select-page="pageChange(page)"
                                items-per-page="numPerPage"
                                rotate="true"
                                boundary-links="true"></pagination>
                </div>
            </div>
        </footer>
        <table class="table table-bordered table-striped table-responsive">
            <thead>
                <tr>
                    <th><div class="th">
                        姓名
                        <span class="glyphicon glyphicon-chevron-up"
                              data-ng-click=" order('realname') "
                              data-ng-class="{active: row == 'realname'}"></span>
                        <span class="glyphicon glyphicon-chevron-down"
                              data-ng-click=" order('-realname') "
                              data-ng-class="{active: row == '-realname'}"></span>
                    </div></th>
                    <th><div class="th">
                        性别
                        <span class="glyphicon glyphicon-chevron-up"
                              data-ng-click=" order('sex') "
                              data-ng-class="{active: row == 'sex'}"></span>
                        <span class="glyphicon glyphicon-chevron-down"
                              data-ng-click=" order('-sex') "
                              data-ng-class="{active: row == '-sex'}"></span>
                    </div></th>
                    <th><div class="th">
                        电话
                        <span class="glyphicon glyphicon-chevron-up"
                              data-ng-click=" order('phone1') "
                              data-ng-class="{active: row == 'phone1'}"></span>
                        <span class="glyphicon glyphicon-chevron-down"
                              data-ng-click=" order('-phone1') "
                              data-ng-class="{active: row == '-phone1'}"></span>
                    </div></th>
                    <th><div class="th">
                        EMAIL
                        <span class="glyphicon glyphicon-chevron-up"
                              data-ng-click=" order('email') "
                              data-ng-class="{active: row == 'email'}"></span>
                        <span class="glyphicon glyphicon-chevron-down"
                              data-ng-click=" order('-email') "
                              data-ng-class="{active: row == '-email'}"></span>
                    </div></th>
                    <th><div class="th">
                        现居地址
                        <span class="glyphicon glyphicon-chevron-up"
                              data-ng-click=" order('address') "
                              data-ng-class="{active: row == 'address'}"></span>
                        <span class="glyphicon glyphicon-chevron-down"
                              data-ng-click=" order('-address') "
                              data-ng-class="{active: row == '-address'}"></span>
                    </div></th>
                    <th><div class="th">
                        亲属电话
                        <span class="glyphicon glyphicon-chevron-up"
                              data-ng-click=" order('clanPhone') "
                              data-ng-class="{active: row == 'clanPhone'}"></span>
                        <span class="glyphicon glyphicon-chevron-down"
                              data-ng-click=" order('-clanPhone') "
                              data-ng-class="{active: row == '-clanPhone'}"></span>
                    </div></th>
                    <th style="width: 15%;">操作</th>
                </tr>
            </thead>
            <tbody>
                <tr data-ng-repeat="info in user">
                    <td>{{info.realname}}</td>
                    <td>{{info.sex}}</td>
                    <td>{{info.phone1}}</td>
                    <td>{{info.email}}</td>
                    <td>{{info.address}}</td>
                    <td>{{info.clanPhone}}</td>
                    <td style="font-size: 12px;">
                        <a  style="color:#ff9d33;" data-ng-click="openUserInfo(info.id)" href="">查看</a>
                        &nbsp;&nbsp;&nbsp;&nbsp;<a style="color:#ff9d33;" data-ng-click="openUpdateUser(info.id)" href="#/userIndex/updateUser">修改</a>
                        &nbsp;&nbsp;&nbsp;&nbsp;<a style="color:#ff9d33;" data-ng-click="delUser(info.id)" href="">删除</a></td>
                </tr>
            </tbody>
        </table>
        <div style="text-align: center;" data-ng-hide="userAddHide">
            <h4>没有找到你可以&nbsp;&nbsp;&nbsp;&nbsp;<a class="btn btn-info btn-sm" href="#/userIndex/addUser">添加</a></h4><br/>
        </div>
    </section>
</div>
